<html>
<head>
  <title>Devcathlon</title>
  <link rel="stylesheet" type="text/css" href="../mockup3/style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="../mockup3/style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
.style2 {color: #6B90DB}
  .style3 {color: #FFFFFF}
  .style4 {
	color: #3366CC;
	font-weight: bold;
}
  .style5 {
	color: #3B6CCE;
	font-weight: bold;
}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <ul class="tabs">
        <li><a href="../mockup3/index.html">Home Page</a></li>
        <li><a href="../mockup3/gallery.html">Gallery</a></li>
        <li><a href="../mockup3/halloffame.html">Hall of Fame</a></li>
        <li><a href="../mockup3/help.html">Help</a></li>
      </ul>
    </div>

<div class="wrapper">
<p>
<h2 align="left">My  Matches</h2>
<table width="449" border="2" bordercolor="#C8D6F2">
  <tr>
    <td width="310" bgcolor="#FFFFFF"><span class="style5">MATCH 1 (see details) Status: currently playing</span></td>
    <td width="121" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 2</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">300 pts</span></td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 4</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">281 pts</span></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="449" border="2" bordercolor="#C8D6F2">
  <tr>
    <td width="310" bgcolor="#FFFFFF"><span class="style5">MATCH  (see details) Status: completed 01/02/09</span></td>
    <td width="121" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 2</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">50 pts</span></td>
  </tr>
  <tr bgcolor="#3366CC">
    <td><span class="style3">Team Mockup 3</span></td>
    <td><span class="style3">300 pts (W)</span></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="449" border="2" bordercolor="#C8D6F2">
  <tr>
    <td width="310" bgcolor="#FFFFFF"><span class="style4">MATCH  (see details) Status:complted 12/29/08</span></td>
    <td width="121" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr bgcolor="#3366CC">
    <td><span class="style3">Team Mockup 2</span></td>
    <td><span class="style3">300 pts (W)</span></td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 1</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">290 pts</span></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="449" border="2" bordercolor="#C8D6F2">
  <tr>
    <td width="310" bgcolor="#FFFFFF"><span class="style5">MATCH  (see details) Status: completed 11/20/08</span></td>
    <td width="121" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr bgcolor="#3366CC">
    <td><span class="style3">Team Mockup 2</span></td>
    <td><span class="style3">151 pts (W)</span></td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 7</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">150 pts</span></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="449" border="2" bordercolor="#C8D6F2">
  <tr>
    <td width="310" bgcolor="#FFFFFF"><span class="style5">MATCH  (see details) Status: completed 11/20/08</span></td>
    <td width="121" bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
  <tr bgcolor="#3366CC">
    <td><span class="style3">Team Mockup 2</span></td>
    <td><span class="style3">151 pts (W)</span></td>
  </tr>
  <tr>
    <td bgcolor="#E5ECF9"><span class="style2">Team Mockup 9</span></td>
    <td bgcolor="#E5ECF9"><span class="style2">150 pts</span></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>(see entire match list)</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="left">&nbsp;</p>

<p>&nbsp;</p>
</div>
<!-- End class=wrapper -->

<div id="footerFeedback">

<p align="left">&nbsp;</p>
<p>This page contains match details.  It shows the following:
<ul><li> Match scoreboards </li>
<li> Point award display</li>
<li> Point award drilldown (i.e. what data was used to make that point award</li>
<li> Point award comments</li>
<li> Match comments</li>
</ul>

</div> 
</div> <!-- End id=page -->

</body>
</html>





